diff --git a/faqs.njk b/faqs.njk index 81c676f..84da9df 100644 --- a/faqs.njk +++ b/faqs.njk @@ -39,7 +39,7 @@ eleventyNavigation: There is a company called Kaleidos Open Source that has been long known for its commitment to free & open source software and a more diverse and inclusive workplace where cross-domain teams really enjoy working together. Kaleidos launched Taiga a few years ago to deal with the absence of a truly agile open source project management tool. The next major pain in our ranked list of outrageous open source absentees was a design & prototype tool like Figma, Sketch or Invision.

- At Kaleidos we believe that the tools that we use to build end products should be as accessible to everyone, regardless of their background, skills or purchasing power. Also, not having a free & open source UX/UI tool that would make devs participate in the design process and bridge the gap between UX/UI and code was a terrible itch for us. + At Kaleidos we believe that the tools that we use to build end products should be accessible to everyone, regardless of their background, skills or purchasing power. Also, not having a free & open source UX/UI tool that would make devs participate in the design process and bridge the gap between UX/UI and code was a terrible itch for us.

diff --git a/user-guide/components/index.njk b/user-guide/components/index.njk index 070515e..24b4f53 100644 --- a/user-guide/components/index.njk +++ b/user-guide/components/index.njk @@ -4,12 +4,12 @@ title: 10· Components

Components

Speed your workflow with the reusable power of components.

-

A component is an object or group of objects that can be reused multiple times across user files (projects and teams in the future). All copies of a component used in user files are linked. That is, any update made to the Main component is reflected in all component copies (if you accept the update) . You can even create overrides for specific parts of component copies.

+

A component is an object or group of objects that can be reused multiple times across files (projects and teams in the future). All copies of a component used in files are linked. That is, any update made to the Main component is reflected in all component copies (if you accept the update) . You can even create overrides for specific parts of component copies.

A component has two parts:

- Exported PDF files try to leverage the capabilities of PDF vectorial format (unpixelated zoom, select & copy texts, etc.). But cannot guarantee that 100% of SVG features may be converted perfectly to PDF. You may see differences between an object display inside Penpot and in the exported file. If you need and exact match, a workaround is to export the object into PNG and convert it to PDF with some of the many tools that exist for it.

+ Exported PDF files try to leverage the capabilities of PDF vectorial format (unpixelated zoom, select & copy texts, etc.), but cannot guarantee that 100% of SVG features may be converted perfectly to PDF. You may see differences between an object displayed inside Penpot and in the exported file. If you need an exact match, a workaround is to export the object into PNG and convert it to PDF with some of the many tools that exist for it.

Currently known issue: - When exporting objects with masks, the mask does not work when opening the PDF file with some open source tools (e.g. evince or inkscape). This is not a Penpot fault, but a bug in poppler, a library used by many of the open source tools. If you open the file with an official Adobe viewer, or a tool like okular or in a browser like Chrome or Firefox, you can see it well. + When exporting objects with masks, the mask does not work when opening the PDF file with some open source tools (e.g. evince or inkscape). This is not a Penpot's fault, but a bug in poppler, a library used by many of the open source tools. If you open the file with an official Adobe viewer, or a tool like okular or in a browser like Chrome or Firefox, you can see it well.

Multiple export presets

diff --git a/user-guide/flexible-layouts/index.njk b/user-guide/flexible-layouts/index.njk index e4b3f00..e1d206d 100644 --- a/user-guide/flexible-layouts/index.njk +++ b/user-guide/flexible-layouts/index.njk @@ -6,11 +6,11 @@ title: 08· Flexible Layouts

Penpot's unique Flex Layout allows you to create flexible designs that can adapt automatically. Resize, fit, and fill content and containers without the need to do it manually.

- to help you learn the fundamentals of Flex Layout here’s a dedicated website where you will find a video tutorial and a playground template. + To help you learn the fundamentals of Flex Layout here’s a dedicated website where you will find a video tutorial and a playground template.

Flex Layout is based on CSS standards

-

Penpot's proposal tries to get as close as possible to the final output that we will see on the web. Design and development speak the same language in order to embrace web standards and improve communication between roles. +

Penpot's proposal tries to get as close as possible to the final output that we will see on the web. Design and development speak the same language in order to embrace web standards and improve communication between roles. Penpot's Flex Layout is built over Flexbox, a CSS module that provides a more efficient way to lay out, align and distribute space among items in a container. As there are already many comprehensive explations about Flexbox we are not going to write another one. If you are interested we can recommend you to read the one at CSS Tricks.

Flex Layout

Image from CSS Tricks @@ -27,7 +27,7 @@ Penpot's Flex Layout is built over Flexbox, a CSS module that provides a more ef

Arrange and reorder objects to a Flex Layout

-

To add an object to a Flex Layout you can just drag it at the position of your desire. You can also create or paste elements like in any regular board.

+

To add an object to a Flex Layout you can just drag it at the position of your choice. You can also create or paste elements like in any regular board.

To reorder elements you can drag them or use the UP/DOWN keystrokes.

Flex Layout

@@ -54,7 +54,7 @@ Penpot's Flex Layout is built over Flexbox, a CSS module that provides a more ef

Selecting absolute position will exclude the element from the Flex layout flow allowing you to freely position an element in a specific place regardless of the size of the layout where it belongs.

Flex Layout

Z-index:

-

With the new z-index option you can decide the order of overlapping elements while maintaining the layers order.

+

With the z-index option you can decide the order of overlapping elements while maintaining the layers order.

Flex Layout

@@ -62,17 +62,17 @@ Penpot's Flex Layout is built over Flexbox, a CSS module that provides a more ef

When creating Flex layouts, the spacing is predicted, helping you to maintain your design composition.

Flex Layout

-

Set paddings, margins and gaps using their respective numeric inputs

+

Set paddings, margins and gaps using their respective numeric inputs.

You can also click and drag to resize them while visualizing the value that is being edited:

Flex Layout

Get code and specifications

-

Designing with Flex Layout generates ready for production code. Select the flex board or its inner elements and then open the Inspect tab to obtain its properties detailed info and raw code.

+

Designing with Flex Layout generates ready for production code. Select the flex board or its inner elements and then open the Inspect tab to obtain its properties, detailed info and raw code.

Flex Layout

diff --git a/user-guide/import-export/index.njk b/user-guide/import-export/index.njk index 3c3c774..1e87336 100644 --- a/user-guide/import-export/index.njk +++ b/user-guide/import-export/index.njk @@ -8,7 +8,7 @@ title: 14· Import/export files

Importing files from other tools and services are among the main priorities of the Penpot team. Related features are coming soon.

Export (download) Penpot files

-

Exporting files is useful if you want to share Penpot files with a user that does not belong to one of your teams or you want to have a backup of your files outside penpot.app.

+

Exporting files is useful if you want to share Penpot files with a user that does not belong to one of your teams or you want to have a backup of your files outside Penpot, both Saas (https://penpot.app) or your instance.

To export a file select the one of the download options from the file menu at the dashboard and the file will be downloaded to your computer. You can select between two formats, binary and standard. Each format has its advantages and disadvantages, choose what suits your case better.

Penpot file (.penpot): the fast. -Standard file (.svg + .json): the open. +Standard file (a .zip with svg and json): the open.